<template xmlns:v-slot="http://www.w3.org/1999/XSL/Transform">
    <div style="width: 1200px;margin: 40px auto 0;">
        <h1>网页&移动应用</h1>
        <p><a href="javascript:void(0);">网页&移动应用接入文档</a></p>

        <ant-standard-table :api="pagingQueryClient">
            <!-- 表头操作按钮 -->
            <template v-slot:headerOperators="" >
                <a-button icon="plus" type="primary" @click="$router.push({ name : 'addClient' }).then()">创建应用</a-button>
            </template>

            <!-- 表格列 -->
            <template v-slot:tableColumns="">
                <a-table-column title="应用图标" :align="'center'">
                    <template slot-scope="record">
                        <a-avatar slot="avatar" :src="record['appLogo']" />
                    </template>
                </a-table-column>
                <a-table-column title="应用名称" dataIndex="appName" :align="'center'" />
                <a-table-column title="AppId" dataIndex="id" :align="'center'" />
                <a-table-column title="应用密钥" dataIndex="secret" :align="'center'" />
                <a-table-column title="授权回调域" dataIndex="callback" :align="'center'" />
            </template>

            <!-- 抽屉 -->
            <ant-drawer route-name="dashboard" />
        </ant-standard-table>

    </div>
</template>

<script>
    import AntStandardTable from '../../components/table/AntStandardTable';
    import AntDrawer from '../../components/drawer/AntDrawer';
    import { pagingQueryClient } from '../../apis/index';
    export default {
        components: { AntStandardTable,AntDrawer },
        methods : {
            pagingQueryClient
        }
    };
</script>
